/*
  Copyright (c) 2010 JPhG
  Released under the GNU General Public License
*/

/* Parameters margin and padding for all site tag */
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6{  
  margin:0;
  padding:0;  
  -webkit-text-size-adjust:none;  
} 

/* General background image and color, font family, size and color  */
body {
  font-family: Tahoma, Verdana, sans-serif;
  line-height: 1.3em;
  font-size: 12px;
  background: #585858 url("../img/bkg_top.png") no-repeat top center;
  color: #1b1b1b; /* gris */
}

/* General List parameters  */
ul, li, ol, dl, dd, dt{  
  list-style: none;
  float: left;  
  padding: 0;  
  margin: 0;  
}

/* BEGUIN NAVIGATION MENU ***********************************************/
/* NAVIGATION MENU General List parameters */
#nav ul {
  padding: 0px;
  margin: 0px;
  list-style-type: none;
  text-align: center;
}

#nav li {
  float: left;
  margin: auto;
  padding: 0;
}

/* NAVIGATION MENU Links tag (<a></a>) */
#nav li a, #nav li a:visited{  
  color: #1b1b1b;
  background: url("../img/header_title.png") repeat-x;
  text-decoration: none;
  font-size: 9px;
  font-weight: bold;
  display: block;
  line-height: 20px;
  padding: 0 4px;
  display: block;
}

/* NAVIGATION MENU Links tag a hover */
#nav li a:hover{
  color: #ffffff;
  background: #000000 url("../img/menu_hover.png") repeat-x;
}

/* NAVIGATION MENU Links tag a selected */
#nav li a.selected {  
  color: #ffffff;
  background: #000000 url("../img/menu_activ.png") repeat-x;
}

/* NAVIGATION MENU level 2 of menu BEGUIN */
#nav ul li ul{  
  display: none;
}

#nav ul li:hover ul {
  display: block;
}

#nav li:hover ul li {
  float: none;
}

/* NAVIGATION MENU level 2 BOX */
#nav li ul {
  position: absolute;
  border-left: 1px solid #585858; 
  border-right: 1px solid #777777;
  border-bottom: 1px solid #000000;
}

/* NAVIGATION MENU level 2 Links tag (<a></a>) */
#nav ul li ul li a, #nav ul li ul li a:visited {
  color: #1b1b1b;
  background: #ffffff;
}

/* NAVIGATION MENU level 2 Links tag a hover */
#nav ul li ul li a:hover {
  color: #1b1b1b;
  background: #e692e7;
}
/* NAVIGATION MENU level 2 of menu END */

/* NAVIGATION MENU Admin same parameter to regular */
#nav_admin ul {
  padding: 0px;
  margin: 0px;
  list-style-type: none;
}

#nav_admin li {
  float: left;
}

#nav_admin li a, #nav_admin li a:visited{  
  color: #ffffff;
  background: url("../img/header_title.png") repeat-x;
  text-decoration: none;
  font-size: 9px;
  font-weight: bold;
  outline-style: none;
  outline-width: 0px;
  text-align: center;
  display: block;
  line-height: 20px;
  text-align: center;
  padding: 0 4px;
}

#nav_admin li a:hover{
  color: #00ff00;
  background: #000000 url("../img/menu_hover.png") repeat-x;
}

#nav_admin li a.selected {  
  color: #ff0000;
  background: #000000 url("../img/menu_activ.png") repeat-x;
}
/* END NAVIGATION MENU ***********************************************/

/* Regular tag link */
a, a:visited {
  color: #3b3b3b;
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
  border-width: 0px;
  outline-style: none;
  outline-width: 0px;
  outline-color: #ffffff;
}

/* Regular tag link hover */
a:hover {
  color: #646464;
  text-decoration: none;
  border-width: 0px;
  outline-style: none;
  outline-width: 0px;
  outline-color: #ffffff;
}

/* Footer tag link */
a.footer, a.footer:visited {
  color: #3b3b3b;
  text-decoration: none;
  font-weight: bold;
  font-size: 8px;
  border-width: 0px;
  outline-style: none;
  outline-width: 0px;
  outline-color: #ffffff;
}

/* Footer tag link hover*/
a.footer:hover {
  color: #850187;
  text-decoration: none;
  border-width: 0px;
  outline-style: none;
  outline-width: 0px;
  outline-color: #ffffff;
}

/* Regular tag imgage */
img{  
  border: none;
  border-width: 0px;
  outline-style: none;
  outline-width: 0px;
  outline-color: #ffffff;
}

/* Regular tag paragraphe */
p {  
  font-size: 16px;
  text-align: justify;
}

/* Regular tag title */
h1, h2, h3, h4, h5, h6 {  
  text-align: left;
}

/* Site border image BEGUIN ****************************************/
td.border_top_left{ 
  background-image: url("../img/card_top_left.png");
  background-repeat: no-repeat;
  background-position: left;
  height: 20px;
  width: 20px;
}

td.border_top_center{ 
  background-image: url("../img/card_top_center.png");
  background-repeat: repeat-x;
  background-position: left;
  height: 20px;
}

td.border_top_right{ 
  background-image: url("../img/card_top_right.png");
  background-repeat: no-repeat;
  background-position: left;
  height: 20px;
  width: 20px;
}

td.border_side_left{ 
  background-image: url("../img/card_side_left.png");
  background-repeat: repeat-y;
  background-position: left;
  width: 20px;
}

td.border_side_right{ 
  background-image: url("../img/card_side_right.png");
  background-repeat: repeat-y;
  background-position: left;
  width: 20px;
}

td.border_bottom_left{ 
  background-image: url("../img/card_bottom_left.png");
  background-repeat: no-repeat;
  background-position: left;
  height: 20px;
  width: 20px;
}

td.border_bottom_center{ 
  background-image: url("../img/card_bottom_center.png");
  background-repeat: repeat-x;
  background-position: left;
  height: 20px;
}

td.border_bottom_right{ 
  background-image: url("../img/card_bottom_right.png");
  background-repeat: no-repeat;
  background-position: left;
  height: 20px;
  width: 20px;
}
/* Site border image END ******************************************/

/* Site backround image and color */
table.page_body{
  background: #ffffff url("../img/bkg_card.png") repeat top left;
  border-top: 1px solid #777777;
  border-left: 1px solid #585858;
  border-right: 1px solid #777777;
  border-bottom: 1px solid #000000;
  width: 100%;
}

/* Site Header backround image (...not the logo image !) ) */
td.header_logo{  
  background-image: url("../img/header_logo.png");
  background-repeat: repeat-x;
  background-position: left;
  height: 80px;
  vertical-align: top;
}

/* Site NAVIGUATION MENU background */
td.header_nav{
  background-image: url("../img/header_title.png");
  background-repeat: repeat-x;
  background-position: left;
  height: 20px;
}

/* Site Content PAGE Body background */
td.content{
  background: url("../img/bkg_content.png") repeat top left;
  vertical-align: top;
  text-align: center;
  padding: 4px;
}

/* Site Footer background */
td.footer{  
  background: url("../img/bkg_footer.png") repeat-x bottom left;
  height: 30px;
  color: #777777;
  font-size: 10px;
  text-align: center;
  vertical-align: middle;
}

/* Footer BOX for logo or text */
div.footer {  

}

/* MESSAGE BOX error form */
#msg_box{  
  color: #ff0000;
}

/* Admin section used for header columns background */
tr.headerList {  
  background: #dc70e3;
  font-weight: bold;
}

/* class align right */
.text_right{  
  text-align: right;
}

/* class align left */
.text_left{  
  text-align: left;
}

/* class align center */
.text_center{  
  text-align: center;
}

/* rows for admin page */
table.pages_admin td {

}

/* rows for users list */
table.users_list td {  
  border-bottom: 1px solid #dc70e3;
}

/* rows for pages list */
table.pages_list td {
  border-bottom: 1px solid #dc70e3;
}

/* rows for products list */
table.products_list td {  
  border-bottom: 1px solid #dc70e3;
}

/* rows for details product */
table.detail_product td {  
  padding: 0px 10px;
}

/* Header BOX this image IS THE LOGO ! text color for pub and title of site */
#header_txt{
  background: url("../img/comics_icon.png") no-repeat bottom right;
  color: #ffffff;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
}

/* header alert BOX */
#header_alert{ 
  color: #ccccff;
  font-size: 10px;
  font-weight: bold;
}

/* Page BOX */
#page {
  width: 100%;
  height: 100%;
}

/* box empty for decoration */
#page_content {  }
#enter_store {  }
#detail_product {  }
#area_store {  }

/* CADDY BOX BEGUIN **************************************/
#caddy table {  
  border-top: 1px solid #dc70e3;
  border-bottom: 1px solid #dc70e3;
  border-left: 1px solid #dc70e3;
  border-right: 1px solid #dc70e3;
}

#caddy td {  
  padding: 0px 5px;
}
/* CADDY BOX END *****************************************/

/* class used in form */
.adminTitle {  
  text-align: left;
  font-weight: bold;
}

/* class used in form */
.adminField {  
  text-align: left;
}

/* class used in iframe for upload */
.hiddenTag{  
  width:0;
  height:0;
  border:0px solid #fff;
}

/* class on box progress bar...  */
#upload_process{
   z-index:100;
   position:absolute;
   visibility:hidden;
   text-align:center;
   width:80px;
   margin:0px;
   padding:0px;
/*   background-color:#fff;*/
   border:1px solid #ccc;
}

/* INFOS BULLE module BEGUIN ****************************************/
a.infobull {
   position: relative;
   color: #ffffff;
   text-decoration: none;
}

a.infobull span {
   display: none; 
}

a.infobull:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; 
   cursor: help; 
}

a.infobull:hover span {
   display: inline; 
   position: absolute;
   white-space: nowrap;
   top: 16px;
   left: -40px;
   background: #ffffff;
   color: #1b1b1b;
   padding: 3px;
   border: 1px solid #dc70e3;
}
/* INFOS BULLE module END **************************************/